<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/coding.css" />
  </head>
  <body>
    <!------------------  头部   -------------------->
    <header>
      <!-- logo -->
      <h1>扣丁学堂</h1>
      <!-- 右边的搜索框 -->
      <div class="header-search">
        <div class="search-left">
          <input type="text" placeholder="请输入搜索内容" />
        </div>
        <div class="search-right">
          <img src="./images/img/01-header/search-icon.png" alt="" />
        </div>
      </div>
    </header>

    <!-----------------  导航  --------------------->
    <nav>
      <ul>
        <li>考试认证</li>
        <li>前端开发</li>
        <li>考试认证</li>
        <li>前端开发</li>
        <li>考试认证</li>
        <li>前端开发开发</li>
        <li>考试认证</li>
        <li>前端开发</li>
        <li>考试认证</li>
      </ul>
    </nav>

    <!-----------------  轮播图  --------------------->
    <div id="banner">
      <img src="./images/img/03-swiper/swiper.png" alt="" />
    </div>

    <div id="main">
      <div class="mainLeft">
        <h3>动态新闻</h3>

        <ul>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
          <li>
            <p class="newsTitle">惺惺惜惺惺惺惺惜惺惺惺惺惜惺惺</p>
            <p class="newsTime">2024-3-25</p>
          </li>
        </ul>
      </div>
      <div class="mainRight"></div>
    </div>
  </body>
</html>
